<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>库详情</title>
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--页面共同的CSS，JS-->
    <script src="../../res/js/common/commonCssJS.js"></script>
    <script src="../../res/js/common/module.js"></script>
    <link rel="stylesheet" href="../../res/css/my/myEggPoolDetail.css?v=1.0.1">
    <style>
        .layui-layer-hui .layui-layer-content {
            padding: 12px 25px;
            text-align: justify!important;
        }
    </style>
</head>

<body>
<section class="indexTitleName">
    <div class="indexName"></div>
</section>

<!--页面内容-->
<section class="indexContent">
    <img id="close" src="../../res/img/common/backBj.png" alt="">
    <div class="commodityPic">
        <img class="noBlur toyspic" src="" alt="">
    </div>
    <div class="title1 toysname"></div>
    <div class="toyPrice">
        <div class="toyQK">
            <p>商品总价</p>
            <p>
                <img src="../../res/img/common/goldCoin.png" alt="">
                <span id="QKmoney2"></span>
            </p>
            <p>可用<span id="QKHPPrice"></span>HP支付</p>
        </div>
        <div class="toyQK toyBK">
            <p>需补尾款</p>
            <p>
                <img src="../../res/img/common/goldCoin.png" alt="">
                <span id="money2"></span>
            </p>
            <p>可用<span id="HPPrice"></span>HP支付</p>
        </div>
    </div>
    <div class="priceTimeTable">
        <p class="active">
            <span>商品状态</span>
            <span>发售时间</span>
        </p>
        <p>
            <span class="spzt lineHeight"></span>
            <span class="fssj lineHeight"></span>
        </p>
        <p class="active">
            <span>存放时限</span>
            <span><span style="float: initial;vertical-align: middle">回购价格</span> <img id="hgjgInfo" style="vertical-align: middle" src="../../res/img/my/myEggPool/info.png" alt=""></span>
        </p>
        <p>
            <span class="outtime lineHeight"></span>
            <span class="choumoney2 lineHeight"></span>
        </p>
        <p class="active">
            <span>官方定价</span>
            <span>作品</span>
        </p>
        <p>
            <span class="lineHeight" id="price"></span>
            <span class="lineHeight" id="mainseries"></span>


        </p>
        <p class="active">
            <span>制造商</span>
            <span>系列</span>

        </p>
        <p>
            <span class="lineHeight" id="maker"></span>
            <span class="lineHeight" id="secondseries"></span>
        </p>
    </div>
</section>

<section class="commodityPicture">
    <img class="toyspic" src="" alt="">
</section>
<div style="padding: 0" class="commodityInfo">
    <img style="width: 100%" src="../../res/img/common/gmxz.png" alt="">
</div>

<!--<div class="commodityInfo">-->
<!--    <div class="gmxz">购买须知</div>-->
<!--    <div class="spInfo">-->
<!--        <p class="spInfoName">预售商品</p>-->
<!--        <p class="spInfoContent">预售商品的发货日期仅供参考，平台自商品实际出货日期开始计算承诺的发货周期。若实际出货日期起5个月内蛋酱仍未到货，官方延期等不可抗力因素除外，则持有该预售商品的用户可向客服申请退款。若出现官方取消订单等特殊情况需进行退款，退款最高金额按照均按照商品详情页规定的赔偿价进行退款，由于咸蛋交易导致购买商品价格与退款金额不一致的，蛋酱不予负责。</p>-->
<!--    </div>-->
<!--    <div class="spInfo">-->
<!--        <p class="spInfoName">关于商品</p>-->
<!--        <p class="spInfoContent">由于生产批次、产地不同以及商品更新升级和品牌方图片调整，实物的材质、外观细节、配件和包装等可能与商品图片存在细微差异，具体请以收到实物为准。因手机、电脑等显示设备的色彩偏差和个人对颜色理解等不同，导致实物可能会与照片存在一定色差，请您以收到的实物为准。</p>-->
<!--    </div>-->
<!--    <div class="spInfo">-->
<!--        <p class="spInfoName">关于回购和续期</p>-->
<!--        <p class="spInfoContent">常规商品系统一定时间的仓库存放期，在此时间内，用户可以主动以系统显示价格将商品回购销售给系统，商品回购定价根据该商品抽取蛋机的单抽抽取价格统一制定。部分商品可在“我的蛋池”页面通过金币或续期劵延长存放时间。部分商品不支持用户主动回购，由于未及时发货所造成的过期自动回购的价格一般为0。若发生误操作等情况造成商品回购，请于24小时内联系客服处理。</p>-->
<!--    </div>-->
<!--    <div class="spInfo">-->
<!--        <p class="spInfoName">关于发货</p>-->
<!--        <p class="spInfoContent">为确保您购买的商品快速无损的送达成功，我们将根据发货地和您所填写的收件地址匹配合适的物流进行配送，发货需要额外支付一定金额的运费，当满足6个金币商品发货时可以免物流费用发货。</p>-->
<!--    </div>-->
<!--    <div class="spInfo">-->
<!--        <p class="spInfoName">关于签收货</p>-->
<!--        <p class="spInfoContent">在签收快件时，请本人亲自在不拆封商品包装的情况下，与快递人员进行现场验货，确保无误后再签收。</p>-->
<!--    </div>-->
<!--    <div class="spInfo">-->
<!--        <p class="spInfoName">关于售后</p>-->
<!--        <p class="spInfoContent">蛋酱保证商品全新正版未拆（需拆盒查看以及海关查验除外），若收到商品未拆封前，商品包装受到严重损坏请拍照后联系客服（QQ：3093690239）协商处理并拒签，由于工艺问题，商品存在窜色、脱漆，缺件等“中奖”情况还需要自行负责处理，且受包装工艺限制，商品在运输中不可避免的会出现盒压等情况，出现此类情况不进行处理。-->
<!--            凡是HP商城商品，商品购买、交易、发货参照HP商城商品购买规则进行。</p>-->
<!--    </div>-->

<!--</div>-->

<div class="goXianYu">
    <div class="provateChat">
        挂咸蛋
    </div>
    <div class="like">
        回购
    </div>
    <div class="unlock">解锁</div>
</div>
<div class="TC"></div>
<section class="guaXD animated">
    <header>挂卖咸蛋</header>
    <div class="detail">
        <div class="left">
            <img class="toyspic" src="" alt="">
        </div>
        <div class="right">
            <div class="name toysname"></div>
            <div class="price common">
                <span>官方价格</span>
                <span class="GFprice"></span>
            </div>
            <div class="time common">
                <span>到期时间</span>
                <span class="outtime"></span>
            </div>
            <div class="hgPrice common">
                <span>回购价格</span>
                <span class="backprice2"></span>
            </div>
        </div>
    </div>
    <ul class="content1">
<!--        <li class="intro">-->
<!--            <label for="intro">挂卖描述</label><input id="intro" maxlength="120" value="买扭蛋，为什么你会这么熟练啊。"/>-->
<!--        </li>-->
        <li class="intro">
            <label for="priceGold">挂卖价格</label>
            <img class="priceGoldImg" src="../../res/img/common/goldCoin.png" alt="">
            <input type="number" id="priceGold" value="" placeholder="请输入挂卖价格" oninput="value=value.replace(/[^\d]/g,'')">
        </li>
        <li>
            <span>换算价格</span>
            <span style="float: right;color:#808080">￥<span id="showrmbNum">0</span>元</span>
        </li>
        <li>
            <span style="vertical-align: middle">加密交易</span>
            <img id="passwprdInfo" class="InfoDetail" src="../../res/img/my/myEggPool/info.png" alt="">
            <input type="checkbox" id="toggle-button">
            <!--label中的for跟input的id绑定。作用是在点击label时选中input或者取消选中input-->
            <label for="toggle-button" class="button-label">
                <span class="circle"></span>
                <span class="text on"></span>
                <span class="text off"></span>
            </label>
        </li>
        <!--        <li class="intro password">-->
        <!--            <label for="password">交易密码</label><input type="text" id="password" value="" placeholder="请输入交易密码">-->
        <!--        </li>-->
        <li class="ty">
            <span class="isNoty notyxdxy"></span>
            <img class="isTy tyxdxy" src="../../res/img/common/ty.png" alt="">
            <span>同意</span>
            <a href="dancool://web=https://api.odancool.com/weixinapp/view/agreement/saltedEgg.html?type=1">《蛋酱咸蛋交易协议》</a>
        </li>
        <li data-showApp="1" class="ty guaApp">
            <span style="display: none" class="isNoty notyApp"></span>
            <img style="display: inline-block;" class="isTy tyApp" src="../../res/img/common/ty.png" alt="">
            <span>在APP内以金币成交</span>
            <!--            <img id="InfoDetail" class="InfoDetail" src="../../res/img/my/myEggPool/info.png" alt="">-->
        </li>
        <li data-showRmb="1" class="ty guaSmell">
            <span style="display: none" class="isNoty notyWXS"></span>
            <img style="display: inline-block;" class="isTy tyWXS" src="../../res/img/common/ty.png" alt="">
            <span>在蛋酱全有小程序用微信现金支付交易</span>
            <img id="InfoDetail" class="InfoDetail" src="../../res/img/my/myEggPool/info.png" alt="">
            <span><br>&nbsp;&nbsp;&nbsp;&nbsp;（另收取2%技术服务费）</span>
        </li>
    </ul>
    <div class="btn">
        <div id="gm" class="gm">挂卖</div>
        <div class="qx">取消</div>
    </div>
</section>
<!--<section class="alert">-->
<!--    <div class="alertIndex"></div>-->
<!--    <div class="alertContent">-->
<!--        <div class="name">主人，确认不要我了吗T^T</div>-->
<!--        <div class="info">本商品按界面说明回购价格兑换为指定货币，是否确认兑换？</div>-->
<!--        <div class="checktype">-->
<!--            <p><label>-->
<!--                <input type="radio" name="HG" value="0" checked>-->
<!--                <span>回购成金币</span>-->
<!--            </label></p>-->
<!--            <p><label>-->
<!--                <input type="radio" name="HG" value="1">-->
<!--                <span>回购成HP</span>-->
<!--            </label></p>-->
<!--        </div>-->
<!--        <div class="alertBtn">-->
<!--            <span class="qddh">确定兑换</span>-->
<!--            <span class="qxdh">取消</span>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->
<!--确定回购弹窗-->
<div id="conhgAlert2" class="conAlert2">
    <div class="indexBack2"></div>
    <section class="alertIndex2">
        <div class="topName2"></div>
        <div id="tghopInfo2" class="topInfo2"></div>
        <div class="checktype2">
            <p style="margin-top: 0.7rem" class="huigouyin">
                <input type="hidden" value="2">
                <span>回购成<span class="hgData"></span>银币</span>
                <img src="../../res/img/gx.png" alt="">
            </p>
            <p id="huigoujin" style="margin-top: 0.7rem" class="huigoujin">
                <input type="hidden" value="0">
                <span>回购成<span class="hgData"></span>金币</span>
                <img src="../../res/img/gx.png" alt="">
            </p>
            <p style="margin-top: 0.7rem" class="active huigoujin">
                <input type="hidden" value="1">
                <span>回购成<span class="hgData"></span>HP</span>
                <img src="../../res/img/gx.png" alt="">
            </p>
        </div>
        <div style="margin-top: 0.7rem" class="leftRight2">
            <div id="ghcancel2" class="left2">取消</div>
            <div id="ghconBtn2" class="right2">确定</div>
        </div>
    </section>
</div>
<!--确定弹窗-->
<div id="conAlert" class="conAlert">
    <div class="indexBack"></div>
    <section class="alertIndex">
        <div class="topName">交易金额</div>
        <div class="topInfo moneyJin">
            <span>金币成交价格</span>
            <span id="moneyJin"></span>
        </div>
        <div class="topInfo moneyRMB">
            <span>人民币成交价格</span>
            <span id="moneyRMB"></span>
        </div>
        <div class="topInfo moneyFW">
            <span>技术服务费2%</span>
            <span id="moneyFW"> </span>
        </div>
        <div style="color: #ff0000;font-size: 0.5rem" class="topInfo moneyFW">注：人民币卖出收入=成交价格-技术服务费</div>
        <div class="leftRight">
            <div id="cancel" class="left">取消</div>
            <div id="conBtn" class="right">确定</div>
        </div>
    </section>
</div>
<!--提示弹窗-->
<div id="conAlert2" class="conAlert">
    <div class="indexBack"></div>
    <section class="alertIndex">
        <div class="topName">提示</div>
        <div class="topInfo"></div>
        <div class="leftRight">
            <div id="conBtn2">确定</div>
        </div>
    </section>
</div>
</body>
<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="../../res/js/my/myEggPoolDetail.js?v=1.0.5"></script>
</html>
